<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="#{salaoMB.internacionalizacao.currentLocale}">
<h:head>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Novo Funcionário</title>
</h:head>
<h:body>
	<table width="100%">
		<tr>
			<td><ui:include src="/index.xhtml" /></td>
		</tr>
	</table>

	
	<h:form id="incluirFuncionario" prependId="false">
	
	<p:ajaxStatus onstart="status.show();" oncomplete="status.hide();" />
	<p:dialog widgetVar="status" modal="true" closable="false" header="Status" draggable="false">
		<p:graphicImage value="../img/ajaxloadingbar.gif" />
		<h:outputText value="Aguarde..." />
	</p:dialog>	
	
	<p:growl id="messages" showDetail="true" sticky="true"/>
	
	<p:contextMenu> 
	 <p:menuitem value="Menu Principal" url="/index.faces" icon="ui-icon-extlink"/>
	</p:contextMenu>
	
		<table width="50%" align="center">
			<tr>
				<td>
					<table align="center">
						<tr>
							<td style="font-size: 15px;font-family: Arial; font-weight: bold;">Etapa 4 de 5</td>
							<td>&nbsp;</td>
						</tr>
					</table>			
				</td>
			</tr>
			<tr>
				<td>
				<p:panel header="Cadastro de Funcion&aacute;rio">

					<h:panelGrid columns="2" id="novoUsuario" border="0">
					
						<h:outputText id="textEstabelecimento" value="Estabelecimento: " />						 		
						 <h:selectOneMenu value="#{funcionarioMB.idSelectedEstabelecimento}" rendered="true" id="estabelecimento" immediate="true" >			
							 <f:selectItem itemLabel="Selecione..." itemValue="0" />
							 <f:selectItems value="#{funcionarioMB.mapEstabelecimento}" var="estabelecimento" itemLabel="#{estabelecimento.nomeFantasia}" itemValue="{estabelecimento.id}" />							   		
						 </h:selectOneMenu>  					
					
						<h:outputText id="nome" value="Nome: " />
						<p:inputText value="#{funcionarioMB.usuario.nome}"
										maxlength="20" size="30" id="nomeUsuario" />
						
													
						<h:outputText id="sobrenome" value="Sobrenome: " />
						<p:inputText value="#{funcionarioMB.usuario.sobrenome}"
										maxlength="40" size="30" id="sobrenomeUsuario" /> 
										
										
						<h:outputText id="rg" value="RG: " />
						<p:inputMask value="#{funcionarioMB.usuario.rg}"
										maxlength="15" size="30" mask="99.999.999-9" id="rgUsuario" required="true" />
										
										
						<h:outputText id="cpf" value="CPF: " />
						<p:inputMask value="#{funcionarioMB.usuario.cpf}"
										maxlength="15" size="30" mask="999.999.999-99" id="cpfUsuario" required="true" />
									
										
						<h:outputText id="email" value="Email: " />
						<p:inputText value="#{funcionarioMB.usuario.email}"
										size="30" id="emailUsuario" >
										<f:validator validatorId="valida"/>
						</p:inputText>							
						
						<h:outputText id="telefone" value="Telefone: " />
						<h:panelGroup>
							<p:inputMask value="#{funcionarioMB.usuario.ddd1}"
										maxlength="2" size="2" id="ddd1_telefoneUsuario" /> &nbsp;
							<p:inputMask value="#{funcionarioMB.usuario.telefone}"
										maxlength="8" size="20" id="telefoneUsuario" />
						</h:panelGroup>
							
						<h:outputText id="celular" value="Celular: " />
						<h:panelGroup>
							<p:inputMask value="#{funcionarioMB.usuario.ddd2}"
										maxlength="2" size="2" id="ddd2_telefoneUsuario" /> &nbsp;
							<p:inputMask value="#{funcionarioMB.usuario.celular}"
										maxlength="9" size="20" id="celularUsuario" />
						</h:panelGroup>
						
						<h:outputText id="login" value="Login: " />
						<p:inputText value="#{funcionarioMB.newLogin.login}"
										maxlength="30" size="30" id="loginUsuario" />									
						
						<h:outputText id="senha" value="Senha: " />
						<p:password id="feedback"
										value="#{funcionarioMB.newLogin.senha}" feedback="true" title="Máximo 20 caracteres"
										maxlength="20" size="30" />
						
										
						<h:outputText id="csenha" value="Confirme a senha: " />
						<p:password value="#{funcionarioMB.csenha}" maxlength="20" size="30" />						

						<h:outputText id="sexo" value="Sexo: " />
						<h:selectOneRadio id="selectSexo" value="#{funcionarioMB.usuario.sexo}"
										layout="pageDirection">										
										<f:selectItem itemLabel="Feminino" id="Female" itemValue="F" />
										<f:selectItem itemLabel="Masculino" id="Male" itemValue="M" />
						</h:selectOneRadio>
						
						
						<h:outputText id="dataNascimento" value="Data de Nascimento: (DD/MM/YY)" />
						<p:calendar id="calendar" showOn="button"
										value="#{funcionarioMB.usuario.dataNasc}" navigator="true"
										yearRange="1920">
						</p:calendar>
						
						
						<h:outputText id="pais" value="Pa&iacute;s: " />
						<h:panelGroup>
						 <h:selectOneMenu value="#{funcionarioMB.idSelectedPais}" id="paises" >	
						 	 <f:selectItem itemLabel="Selecione..." itemValue="0"/>		
							 <f:selectItems value="#{funcionarioMB.mapPaises}" var="pais" itemLabel="#{pais.nome}" itemValue="{pais.id}" />	
							 <p:ajax update="comboEstado" listener="#{funcionarioMB.localizarEstadoByIdPais}"  />						   		
						 </h:selectOneMenu>  
						 </h:panelGroup>
						
							
						<h:outputText id="estado" value="Estado: " />
						<h:selectOneMenu value="#{funcionarioMB.idSelectedEstado}" id="comboEstado" >	
							   <f:selectItem itemLabel="Selecione..." itemValue="0"/>				
							   <f:selectItems value="#{funcionarioMB.mapEstados}" var="estado" itemValue="#{estado.id}" itemLabel="#{estado.nome}" />
						</h:selectOneMenu>
						
						
						<h:outputText id="textCidade" value="Cidade: " />
						<p:inputText id="cidade" value="#{funcionarioMB.selectedCidade}" maxlength="20" size="30" /> 
					    
						<h:outputText id="bairro" value="Bairro: " />
						<p:inputText value="#{funcionarioMB.selectedBairro}" maxlength="20" size="30" id="bairroUsuario" />	
						
						<h:outputText id="endereco" value="Endereço: " />
						<p:inputText value="#{funcionarioMB.usuario.endereco.logradouro}" maxlength="40" size="50" id="logradouro"  />						
						
						<h:outputText id="textNumero" value="Nº: " />
						<p:inputText value="#{funcionarioMB.usuario.endereco.numero}" maxlength="6"	size="10" id="numero" />
						
						
						<h:outputText id="cep" value="CEP: " />
						<p:inputText value="#{funcionarioMB.usuario.endereco.cep}" 	maxlength="10" size="30" id="cepUsuario"  />

					</h:panelGrid>						
					</p:panel>					
				    <p:panel header="Expediente: ">

						<h:panelGrid columns="2" id="horarioExpediente">
						
						<h:outputText id="textExpedienteManha" value="Período da manhã: " />	
						<h:inputHidden size="2"/>
						
						<h:outputText id="textInicioExpedienteManha" value="Inicio: " />					
						<p:inputMask value="#{funcionarioMB.inicioExpedienteManha}"	maxlength="5" size="30" mask="99:99" id="inicioExpedienteManha" required="true" />
						
						<h:outputText id="textFimExpedienteManha" value=" Fim:" />
						<p:inputMask value="#{funcionarioMB.fimExpedienteManha}" maxlength="5" size="30" mask="99:99" id="fimExpedienteManha" required="true" />
						
						<h:outputText id="textExpedienteTarde" value="Período da tarde: " />
						<h:inputHidden size="2"/>
						
						<h:outputText id="textInicioExpedienteTarde" value="Inicio: " />	
						<p:inputMask value="#{funcionarioMB.inicioExpedienteTarde}" maxlength="5" size="30" mask="99:99" id="inicioExpedienteTarde" required="true" />
						
						<h:outputText id="textFimExpedienteTarde" value=" Fim:" />
						<p:inputMask value="#{funcionarioMB.fimExpedienteTarde}" maxlength="5" size="30" mask="99:99" id="fimExpedienteTarde" required="true" />
												
												
						<h:commandButton type="reset" value="Limpar" />
						<h:commandButton type="submit" actionListener="#{funcionarioMB.incluir}" value="Gravar" update="messages,incluirFuncionario" process="@all" />						
						
						</h:panelGrid>
					</p:panel>
				
				</td>
			</tr>
		</table>
	</h:form>
</h:body>
</f:view>
</html>